<!--
 * @Description:
 * @Author: dh
 * @Date: 2021-12-15 15:35:11
 * @LastEditors: dh
 * @LastEditTime: 2023-02-17 09:49:03
-->
<template>
	<div id="nav" class="test">
		<router-link to="/">Home</router-link> <br />
		<router-link to="/setup">setup</router-link><br />
		<router-link to="/model">v-model</router-link><br />
		<router-link to="/emit">emit</router-link><br />
		<router-link to="/ref">ref</router-link><br />
		<router-link to="/bind">bind</router-link><br />
		<router-link to="/props">props</router-link><br />
		<router-link to="/attrs">attrs</router-link><br />
		<router-link to="/mixins">mixins</router-link><br />
		<router-link to="/vuex">vuex</router-link><br />
		<router-link to="/pinia">pinia</router-link><br />
		<router-link to="/provide-inject">provide-inject</router-link><br />
		<router-link to="/SFC">SFC</router-link><br />
		<router-link to="/hook">hook</router-link><br />
		<router-link to="/Suspense">Suspense</router-link><br />
		<router-link to="/teleport">teleport</router-link><br />
		<router-link to="/TS">TS</router-link><br />
		<router-link to="/ref-toRef">ref和toRef区别</router-link><br />
		<router-link to="/script-setup">script-setup</router-link><br />
		<router-link to="/mitt">mitt(event bus)</router-link><br />
		<router-link to="/directive">directive</router-link><br />
		<router-link to="/prop-attr">prop-attr</router-link><br />
		<router-link to="/watch">watch</router-link><br />
		<router-link to="/transition">过度transition</router-link><br />
		<router-link to="/component">动态component</router-link><br />
		<router-link to="/custom-plugins">自定义loading插件</router-link><br />
		<el-button type="primary">123</el-button>
	</div>

	<div style="border: 1px solid; padding: 20px">
		<router-view />
	</div>
	<!-- <router-view v-slot="{ Component }">
        <component :is="Component" />
    </router-view> -->
</template>
